import React, { Component } from 'react'

export default class UserComment extends Component {
    state = {
        imgLogo: require("../../../../assets/userlogo.png")
    }
    render() {
        let { userComment } = this.props
        let { imgLogo } = this.state
        // console.log(userComment);
        return (
            <>
                {
                    userComment.map((item, index) => {
                        return (
                            <li key={index}>
                                 <img src={item.userObj[0].userImg.path ? item.userObj[0].userImg.path : imgLogo} alt="" width="50" height="50" /> 
                                <div className="text">
                                    <div className="t-content">
                                        <h5>
                                            {item.userObj.username}
                                            <span className="lev"
                                            ><svg
                                                t="1640259138815"
                                                className="icon"
                                                viewBox="0 0 1024 1024"
                                                version="1.1"
                                                xmlns="http://www.w3.org/2000/svg"
                                                p-id="3538"
                                                width="10"
                                                height="10"
                                            >
                                                    <path
                                                        d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m289.0496 327.3984L454.528 770.4576a19.1488 19.1488 0 0 1-15.0528 7.3472h-111.4624a19.2 19.2 0 0 1-19.1744-19.1488v-354.816a19.1744 19.1744 0 0 0-19.1488-19.1488H234.6752a19.1488 19.1488 0 0 1-19.0976-19.1488v-50.048a19.1232 19.1232 0 0 1 19.2-19.0464h181.5552a19.1488 19.1488 0 0 1 19.1488 19.1488v153.344a19.1488 19.1488 0 0 0 33.792 12.3648l150.3488-178.048a19.2256 19.2256 0 0 1 14.6432-6.8096h151.68a19.1488 19.1488 0 0 1 15.104 30.9504z"
                                                        fill="#CAA36E"
                                                        p-id="3539"
                                                    ></path>
                                                </svg>
                                                LV3</span>
                                        </h5>
                                        <p>{item.commentObj}</p>
                                    </div>
                                    <div className="good">
                                        <span
                                        ><svg
                                            t="1640259337618"
                                            className="icon"
                                            viewBox="0 0 1024 1024"
                                            version="1.1"
                                            xmlns="http://www.w3.org/2000/svg"
                                            p-id="4353"
                                            width="14"
                                            height="14"
                                        >
                                                <path
                                                    d="M621.674667 408.021333c16.618667-74.24 28.224-127.936 34.837333-161.194666C673.152 163.093333 629.941333 85.333333 544.298667 85.333333c-77.226667 0-116.010667 38.378667-138.88 115.093334l-0.586667 2.24c-13.728 62.058667-34.72 110.165333-62.506667 144.586666a158.261333 158.261333 0 0 1-119.733333 58.965334l-21.909333 0.469333C148.437333 407.808 106.666667 450.816 106.666667 503.498667V821.333333c0 64.8 52.106667 117.333333 116.394666 117.333334h412.522667c84.736 0 160.373333-53.568 189.12-133.92l85.696-239.584c21.802667-60.96-9.536-128.202667-70.005333-150.186667a115.552 115.552 0 0 0-39.488-6.954667H621.674667zM544.256 149.333333c39.253333 0 59.498667 36.48 49.888 84.928-7.573333 38.144-21.984 104.426667-43.221333 198.666667-4.512 20.021333 10.56 39.093333 30.912 39.093333h218.666666c6.101333 0 12.16 1.066667 17.909334 3.168 27.445333 9.984 41.674667 40.554667 31.776 68.266667l-85.568 239.573333C744.981333 838.026667 693.301333 874.666667 635.402667 874.666667H223.498667C194.314667 874.666667 170.666667 850.784 170.666667 821.333333V503.498667c0-17.866667 14.144-32.448 31.829333-32.821334l21.866667-0.469333a221.12 221.12 0 0 0 167.381333-82.56c34.346667-42.602667 59.146667-99.306667 74.869333-169.877333C482.101333 166.336 499.552 149.333333 544.266667 149.333333z"
                                                    p-id="4354"
                                                    fill="#707070"
                                                ></path></svg>0</span>
                                        <span
                                        ><svg
                                            t="1640259484485"
                                            className="icon"
                                            viewBox="0 0 1024 1024"
                                            version="1.1"
                                            xmlns="http://www.w3.org/2000/svg"
                                            p-id="5271"
                                            width="14"
                                            height="14"
                                        >
                                                <path
                                                    d="M201.1 913.6c-1.2 0-2.4 0-3.6-0.1-11.1-1-21.6-5.2-31.2-12.5-9.3-7.7-15.9-17.2-19.7-28.4-4-10.7-4.8-22.3-2.4-34.5l24.2-111.3c-24.7-31-43.8-64.3-56.8-98.8C95.3 586.2 87 542.7 87 498.6c0-104.8 44.9-202.7 126.5-275.9 38.8-35.1 83.9-62.7 134.2-81.9 52-19.9 107.2-30 164-30 112.3 0 218 39.8 297.7 112 39.6 35.7 70.8 77.3 92.5 123.7 22.6 48.1 34 99.3 34 152.2 0 52.8-11.4 104-34 152.1-21.8 46.5-52.9 88.1-92.5 123.6-38.7 35.2-83.8 62.8-134.1 82-51.9 19.9-106.9 29.9-163.6 29.9-33.8 0-67.9-3.8-101.6-11.4-28.8-6.2-55.6-14.9-79.7-25.7l-100.5 56.9c-9.5 4.9-19.2 7.5-28.8 7.5z m29.4-223.2c9.1 9 12.8 22 10 34.7l-22.8 105.5 94.9-53.9c5.2-2.8 10.9-4.3 16.6-4.3 5 0 9.7 1.1 14.1 3.2 26.5 12.9 53.9 22.4 81.4 28.3 27.4 6.2 56.6 9.4 87 9.4 95.5 0 185.3-33.4 252.7-94.1 31.9-28.6 57-62.1 74.5-99.4 18-38.5 27.2-79.3 27.2-121.3s-9.1-82.8-27.2-121.3c-17.5-37.3-42.6-70.9-74.5-99.7-67.7-60.7-157.4-94.1-252.7-94.1-95.5 0-185.4 33.4-253.1 94.1-31.8 28.9-56.9 62.4-74.5 99.7-18.2 38.6-27.5 79.5-27.5 121.3 0 34.7 6.5 68.9 19.2 101.8 12.9 33.1 31.2 63.4 54.7 90.1z m453.3-124.8c-13.2 0-26.2-5.7-36.5-16.1-9.7-10.2-15-23.6-15-37.8 0-14.1 5.3-27.6 14.9-38.1 10.1-10.2 23.1-15.8 36.6-15.8s26.5 5.6 36.5 15.7c9.7 10.6 15 24.1 15 38.2 0 14.3-5.3 27.7-15 37.8-10.3 10.4-23.2 16.1-36.5 16.1z m-172 0c-13.7 0-26.6-5.7-36.5-16.1-9.8-10.3-15.1-23.7-15.1-37.8 0-13.9 5.4-27.5 15.1-38.1 9.7-10.2 22.7-15.8 36.6-15.8 13.7 0 26.5 5.6 36.2 15.7 9.6 10.3 15 23.9 15 38.2 0 14.5-5.3 27.9-15 37.8-10 10.4-22.8 16.1-36.3 16.1z m-168.7 0c-13.4 0-26.6-5.9-36.3-16.1-9.6-9.9-14.9-23.3-14.9-37.8 0-14.3 5.3-27.8 14.9-38.1 9.7-10.2 22.6-15.8 36.4-15.8 13.6 0 26.5 5.6 36.4 15.7 9.8 10.5 15.1 24 15.1 38.2 0 14.3-5.4 27.8-15.1 37.8-10.2 10.4-23.2 16.1-36.5 16.1z"
                                                    p-id="5272"
                                                    fill="#707070"
                                                ></path></svg>回复</span>
                                    </div>
                                </div>
                            </li>
                        )
                    })
                }
            </>
        )
    }
}
